﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        html,body{
            margin-bottom:10px;
            margin:0;
            padding:0;
        }
        #top{
            background:#333;
            height:40px;
            line-height:40px;
            padding-left:20px;
        }
        a{
            text-decoration:none;
            color:#b0b0b0;
            font-size:12px;
        }
        .shop{
            background-color:#424242;
            float:right;
            height:40px;
            line-height:40px;
            padding:0 20px;
            margin:0 10px;
        }
        .business{
            float:left;
            height:40px;
            line-height:40px;
        }
        .login{
            height:40px;
            float:right;
            line-height:40px;
        }
        .sep{
            font-size:12px;
            color:#3b423b;
            height:40px;
            line-height:40px;
        }
    </style>
</head>
<body>
    <div>
        <div id="top">
            <!-- Top -->
            <div class="business">
                <!-- 导航 -->
                <a href="#">小米商城</a>
                <span class="sep">|</span>
                <a href="#">MIUI</a>
                <span class="sep">|</span>
                <a href="#">loT</a>
                <span class="sep">|</span>
                <a href="#">云服务</a>
                <span class="sep">|</span>
                <a href="#">金融</a>
                <span class="sep">|</span>
                <a href="#">有品</a>
                <span class="sep">|</span>
                <a href="#">小爱开放平台</a>
                <span class="sep">|</span>
                <a href="#">企业团购</a>
                <span class="sep">|</span>
                <a href="#">资质证照</a>
                <span class="sep">|</span>
                <a href="#">协议规则</a>
                <span class="sep">|</span>
                <a href="#">下载app</a>
                <span class="sep">|</span>
                <a href="#">Select Region</a>
                <span class="sep">|</span>
            </div>
            <div  class="shop">
                <!-- 购物车 -->
                <a href="#">购物车（0）</a>
            </div>
            <div class="login">
                <!-- 登录 -->
                <a href="#">登录</a>
                <span class="sep">|</span>
                <a href="#">注册</a>
                <span class="sep">|</span>
                <a href="#">消息通知</a>
            </div>
        </div>
        <div id="banner">
            <div>
                <!-- logo -->
            </div>
            <div>
                <!-- 购物导航 -->
            </div>
            <div>
                <!-- 搜索框 -->
            </div>
        </div>
    </div>
</body>
</html>